{% extends "base_header.html" %}


{% block head %}
    <script>
        $(function () {
            {#每种商品的小计#}
            var goods_price = 0;
            {#商品的总件数#}
            var total_count = 0;
            {#商品的总金额（不包含运费）#}
            var total_price = 0;

            {#计算小计，总金额，实付金额#}
        #(".goods_list_id").each(function () {
                {#取当前ul的价格和数量#}
                count = parseInt($(this).children(".col06").text());
                price = parseFloat($(this).children(".col05").text());
                goods_price = count * price;
                {#将这个小计显示在html里#}
                $(this).children(".col07").text(goods_price.toFixed(2));
                {#计算总金额和数量#}
                total_count ++ ;
                total_price += goods_price;
            });
            {#修改网页中总金额和总商品数#}
            $("#total_count").text(total_count);
            $("#total_price").text(total_price);

            {#修改实付金额#}
            shifu = total_price + 10
            $("#shifu").text(shifu);

            {#点击订单提交生成一个订单信息#}
            $("#order_btn").click(function () {
                {#获取购物车的列表#}
                var cart_list = [];
                $(".goods_list_td").each(function () {
                    cart_id = $(this).attr("id");
                    cart_list.push(cart_id);
                });
                $.ajax({
                    url:"/order/add_order",
                    type:"POST",
                    dataType:"json",
                    {#防止深度序列化#}
                    traditional:true,
                    data:{
                        cart_id_list:cart_list,
                        total_price:shifu,
                    },
                    success:function (data) {
                        if (data["result"] == "success"){
                            window.location.href = "/goods/index/"
                        } else {
                            window.location.href = "/order/";
                        }
                    }

                })
            })
        })
    </script>
{% endblock %}
{% block body %}
    <h3 class="common_title">确认收货地址</h3>
    <div class="common_list_con clearfix">
        <dl>
            <dt>寄送到：</dt>
            <dd><input type="radio" name="" checked="">{{ user.address }} ({{ user.username }}收) {{ user.phone }}</dd>
        </dl>
        <a href="user_center_site.html" class="edit_site">编辑收货地址</a>

    </div>
    <h3 class="common_title">支付方式</h3>
    <div class="common_list_con clearfix">
        <div class="pay_style_con clearfix">
            <input type="radio" name="pay_style" checked="">
            <label class="cash">货到付款</label>
            <input type="radio" name="pay_style">
            <label class="weixin">微信支付</label>
            <input type="radio" name="pay_style">
            <label class="zhifubao"></label>
            <input type="radio" name="pay_style">
            <label class="bank">银行卡支付</label>
        </div>
    </div>

    <h3 class="common_title">商品列表</h3>
    <div class="common_list_con clearfix">
        <ul class="goods_list_th clearfix">
            <li class="col01">商品名称</li>
            <li class="col02">商品单位</li>
            <li class="col03">商品价格</li>
            <li class="col04">数量</li>
            <li class="col05">小计</li>
        </ul>
        {% for cart in cart_id_list %}
            <ul class="goods_list_td clearfix" id="{{ cart.id }}">
                <li class="col01">{{ forloop.counter }}</li>
                <li class="col02"><img src="{{ cart.goods.pic }}"></li>
                <li class="col03">{{ cart.goods.goods_name }}</li>
                <li class="col04">{{ cart.goods.until }}</li>
                <li class="col05">{{ cart.goods.price }}</li>元
                <li class="col06">{{ cart.count }}</li>
                <li class="col07">{{ cart.goods.price }}</li>
            </ul>
        {% endfor %}
    </div>
    <h3 class="common_title">总金额结算</h3>
    <div class="common_list_con clearfix">
        <div class="settle_con">
            <div class="total_goods_count">共<em id="total_count">2</em>件商品，总金额<b id="total_price">42.60</b><b>元</b></div>
            <div class="transit">运费：<b>10元</b></div>
            <div class="total_pay">实付款：<b id="shifu">52.60</b><b>元</b></div>
        </div>
    </div>
    <div class="order_submit clearfix">
        <a href="javascript:;" id="order_btn">提交订单</a>
    </div>
{% endblock %}